<html lang="zh">
 <head> 
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
  <meta charset="utf-8" /> 
  <title>个人信息 - 中药材天地网</title> 
  <link href="/favicon.ico" rel="shortcut icon" type="image/x-icon" /> 
  <meta name="viewport" content="width=device-width" /> 
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" /> 
  <link href="/bootcss/home/Css/Base.css" type="text/css" rel="stylesheet" /> 
  <link href="/bootcss/home/Css/userCenter.css" type="text/css" rel="stylesheet" /> 
  <link href="/bootcss/home/Content/css" rel="stylesheet" /> 
  <style type="text/css">
  #big{width: 700px;height: 600px;
    background: rgba(123,123,123,0.4);
    display:none;
    margin:0 auto;
    
    }
  
  </style>


  <!--<script src="http://push.zhanzhang.baidu.com/push.js"></script>
  <script src="//hm.baidu.com/hm.js?ba57c22d7489f31017e84ef9304f89ec"></script>
  <script src="/bundles/modernizr"></script> -->
           @if(session('success'))  
                        <div class="row">
                            <div class="alert alert-success fade in">
                                                     {{session('success')}}
                            </div>

                        @endif      
                                 
                                    <!--错误-->
                      @if(session('error'))
                         <div class="alert alert-block alert-danger fade in">
                            <button type="button" class="close close-sm" data-dismiss="alert">
                                <i class="icon-remove"></i>
                            </button>
                            <strong>{{session('error')}}</strong> 
                        </div>
                      @endif
 
  <link type="text/css" rel="stylesheet" href="/bootcss/home/Css/layer.css" id="skinlayercss" />
 </head> 
 <body> 
                    
  <div class="topnav"> 
   <div class="w"> 
    <span class="welcome"> <a href="javascript:void(0);" class="name">{{$user->username}}</a>|<a href="javascript:void(0);" id="btnSignOut"> 退出 </a> </span> 
    <ul> 
     <li class="now"><a target="_blank" href="http://www.zyctd.com/">产业门户</a></li> 
     <li><a target="_blank" href="http://www.zyccst.com/">批零交易</a></li> 
     <li><a target="_blank" href="http://dahuo.zyccst.com/">大货交易</a></li> 
     <li><a target="_blank" href="http://chaoshi.zyccst.com/">诚实通超市</a></li> 
    </ul> 
   </div> 
  </div> 
  <div class="topinfo"> 
   <div class="w"> 
    <span class="r"><a href="javascript:void(0);" class="h5 none">触屏版</a><a href="http://www.zyccst.com/PhoneApp/Appdownload.aspx" class="app none">安卓客户端</a><a href="http://www.zyctd.com/" class="collet" onclick="AddFavorite(this.href, '中药材天地网 '); return false;">收藏本站</a></span> 
    <span class="welcome">您好！欢迎光临中药材天地网！</span> 
   </div> 
  </div> 
  <div class="header"> 
   <div class="w ovh"> 
    <div class="sc"> 
     <input type="text" class="sctxt" id="txtKeyword" /> 
     <a class="scbtn" href="javascript:void(0);" id="btnSiteSearch" target="_blank">搜索</a> 
    </div> 
    <a href="http://www.zyctd.com/" class="logo"><img src="http://i.zyctd.com//images/usercenter/logo.png" alt="" /></a> 
   </div> 
  </div> 
  <div id="body" class="w pb20"> 
   <div class="menu"> 
    <div class="userpic"> 
     <img src=" {{url($user->photo)}}" style="width: 70px; height: 70px;" width="70" height="70" alt="" /> 
     <span>{{$user->username}}</span> 
    </div> 
    <dl> 
     <dt class="ico2">
      账户设置 
     </dt> 
     <dd class="now">
      <a href="/UserCenter/PersonInfo">个人信息</a>
     </dd> 
     <dd>

      <a href="{{url('home/user/password',['id'=>$users->id])}}">修改密码</a>
     </dd> 
    </dl> 
   </div> 
   <div class="main">
   @section('ss')
    <div class="content-wrapper main-content clear-fix"> 
     <!--<script type="text/javascript" src="http://img.zyctd.com/scripts/ImageRepository/ImageRepositoryControl.js"></script> -->
     <div class="picbox"> 
     </div> 
     <div class="title">
       基本信息 

     </div> 
     <form method="post" action="{{url('home/user/docenter')}}" enctype="multipart/form-data">{{csrf_field()}}
     <div class="infotab" id="frmPersonInfo"> 
      <input type="hidden" name="PerID" value="873168" /> 
      <input type="hidden" name="PhotoImgID_g" id="PhotoImgID_g" value="00000000-0000-0000-0000-000000000000" /> 
        <input type="hidden" name="id" value="{{$user->id}}">
      <table cellpadding="0" cellspacing="0"> 
       <tbody>
        <tr> 
         <th>头像:</th> 
         <td><img id="userPhoto_Small" src="{{url($user->photo)}}" width="70" height="70" /></td> 
         <td class="lh20"> <p class="mb10"><button type="button" name="button" href="javascript:void(0);" id="changeUserPhoto"><strong>修改头像</strong></button>
         </p>
         <div id="big" style="position: absolute;top:0;left:0;width: 100%;height: 100%;">
         <div style="margin:200px auto;width:350px;height: 300px;background-color: #fff;" >
         <span id="close" style="position: relative; left:300;cursor:pointer">关闭</span>
           <!--<form action="{{url('home/user/dophone')}}"  method="post" enctype="multipart/form-data">{{csrf_field()}}-->
                <input type="file" style="position:relative; top:95" name="photo">
                <button type="button" id="remb" style="position:relative;top:115;right:30;">确认</button>


           <!--</form>-->
           </div>
         </div>
          温馨提示：支持JPG,JPEG,PNG,最大支持0.5M。头像标准尺寸为正方形,其他头像尺寸将被拉伸或压缩</td> 
        </tr> 
        <tr> 
         <th>用户名：</th>
         <td colspan="2">{{$users->username}}</td> 
        </tr> 
        <tr> 
         <th>手机号：</th>
         <td colspan="2">{{$user->phone}}</td> 
        </tr> 
        <tr> 
         <th>
          <must>
           *
          </must>昵称：</th>
         <td colspan="2"><input type="text" class="txt" required="required" value="{{$user->username}}" name="username" placeholder="您的昵称" maxlength="16" /></td> 
        </tr> 
        <tr> 
         <th>邮箱：</th>
         <td colspan="2"><input type="text" class="txt" value="{{$user->email}}" name="email" subtype="Email" /></td> 
        </tr> 
        <tr> 
         <th>性别：</th>
         <td colspan="2"><label><input type="radio" name="sex" checked="checked" value="0" />男</label><label class="ml50">
         <input type="radio" name="sex" value="1" />女</label></td> 
        </tr> 
        <tr> 
         <th>生日：</th>
         <td colspan="2"><input type="text" class="txt" subtype="date" id="txtBirthday" name="birth" value="{{$user->birth}}"  /></td> 
        </tr> 
        <tr> 
         <th>地址：</th> 
       <!-- <script src="/bootcss/home/Scripts/jquery-2.0.3.min.js"></script> -->
        <script src="/bootcss/home/Scripts/jquery-1.8.3.min.js"></script>
        <script src="/bootcss/home/Scripts/distpicker.data.js"></script>
        <script src="/bootcss/home/Scripts/distpicker.js"></script>
         <td  colspan="2">
                 <div class="distpicker1"><p>选择省、市、区：</p>
                <select name="province" id="province" style="width:110px;"></select>
                <select name="city" id="city" style="width:110px;"></select>
                <select name="area" id="area" style="width:110px;"></select>

            </div>
            <input type="text" class="txt" value="" name="address" style="width: 300px;" maxlength="30" />
        <script type="text/javascript">
            $(function() {
                $(".distpicker1").distpicker();
                autoSelect: false
            })
        </script>
            </td>
        </tr> 
        <tr> 
         <th></th>
         <td colspan="2"><button href="javascript:void(0);"  type="submit">保存</button></td> 
        </tr> 
       </tbody>
      </table> 
      
     </form>
     </div> 
    @show
    </div> 
   </div> 
   <div class="cl mt30"></div> 
  </div> 
  <div class="foot"> 
   <div class="footer"> 
    <div class="bottomNav pt10"> 
     <a href="http://www.zyctd.com/Help/introduction" title="" rel="nofollow" target="_blank">公司简介</a> | 
     <a href="http://www.zyctd.com/Help/DataService" title="" rel="nofollow" target="_blank">数据服务</a> | 
     <a href="http://www.zyctd.com/Help/job" title="" rel="nofollow" target="_blank">诚聘英才</a> | 
     <a href="http://www.zyctd.com/Help/contactUs" title="" rel="nofollow" target="_blank">联系我们</a> | 
     <a href="http://www.zyctd.com/Help/law" title="" rel="nofollow" target="_blank">法律声明</a> | 
     <a href="http://www.zyctd.com/Help/links" title="" target="_blank">友情链接</a> | 
     <a href="http://www.zyctd.com/Help/map" title="" target="_blank">网站地图</a> 
    </div> 
    <div class="contact"> 
     <span class="vm dib">客服电话：400-000-8585（工作日 9：00-18：00）</span>&nbsp; 
     <span class="vm dib">广告销售：028-68956970</span>&nbsp; 
     <span class="vm dib">传真：028-66763511</span>&nbsp; 
     <span class="vm dib">客服QQ：</span> 
     <span class="vm dib pt10"> <a href="http://wpa.b.qq.com/cgi/wpa.php?ln=1&amp;key=XzkzODA2MzQ2OF8zODg4NV80MDAwMDA4NTg1XzJf" target="_blank" class="QQLink"><img src="http://i.zyctd.com/images/QQ.png" alt="" /></a> </span> 
    </div> 
    <div class="comiis_Copyright ">
      互联网药品信息服务资格证:(川)-经营性-2014-0001&nbsp;增值电信业务经营许可证-川B2-20090195
     <br /> 
     <a href="http://www.miibeian.gov.cn/" rel="nofollow" target="_blank">蜀ICP备11007471号</a>&nbsp;Copyright &copy; 2008-2016 
     <a href="http://www.zyctd.com/" target="_blank">www.zyctd.com</a>,All Rights Reserved.
     <a href="http://www.zyctd.com/" target="_blank">中药材天地网</a> 版权所有 
    </div> 
   </div> 
  </div> 
 <script>
    var _hmt = _hmt || [];
    (function () {
        var hm = document.createElement("script");
        hm.src = "//hm.baidu.com/hm.js?ba57c22d7489f31017e84ef9304f89ec";
        var s = document.getElementsByTagName("script")[0];
        s.parentNode.insertBefore(hm, s);
    })();
</script> 
   <script type="text/javascript">var cnzz_protocol = (("https:" == document.location.protocol) ? " https://" : " http://"); document.write(unescape("%3Cspan style='display:none;' id='cnzz_stat_icon_1256168649'%3E%3C/span%3E%3Cscript src='" + cnzz_protocol + "s11.cnzz.com/z_stat.php%3Fid%3D1256168649' type='text/javascript'%3E%3C/script%3E"));</script>
  <span style="display:none;" id="cnzz_stat_icon_1256168649"><a href="http://www.cnzz.com/stat/website.php?web_id=1256168649" target="_blank" title="站长统计">站长统计</a></span>
  <script src=" http://s11.cnzz.com/z_stat.php?id=1256168649" type="text/javascript"></script>
  <script src="http://c.cnzz.com/core.php?web_id=1256168649&amp;t=z" charset="utf-8" type="text/javascript"></script> 
 <script>
    (function () {
        var bp = document.createElement('script');
        var curProtocol = window.location.protocol.split(':')[0];
        if (curProtocol === 'https') {
            bp.src = 'https://zz.bdstatic.com/linksubmit/push.js';
        }
        else {
            bp.src = 'http://push.zhanzhang.baidu.com/push.js';
        }
        var s = document.getElementsByTagName("script")[0];
        s.parentNode.insertBefore(bp, s);
    })();
</script>; 
 <!--<script type="text/javascript" src="/bootcss/home/Scripts/jquery-1.11.1.js"></script> -->
  <script type="text/javascript" src="/bootcss/home/Scripts/ZYCLibJQ.js"></script> 
  <script type="text/javascript" src="/bootcss/home/Scripts/PlugIn/layer-1.8/layer.min.js"></script> 
  <script type="text/javascript" src="/bootcss/home/Scripts/jquery.history.js"></script> 
  <script type="text/javascript" src="/bootcss/home/Scripts/Tool.js"></script> 
  <script type="text/javascript" src="/bootcss/home/Scripts/PlugIn/HeartBeatJQ.js"></script> 
  <script type="text/javascript" src="/bootcss/home/Scripts/Web/Common/Common.js"></script> 
  <script type="text/javascript" src="/bootcss/home/Scripts/Web/Sign/UserSignOut.js"></script> 
  <script type="text/javascript" src="/bootcss/home/Scripts/PcaStaticJQ.js"></script> 
  <script type="text/javascript" src="/bootcss/home/Scripts/Web/UserCenter/EditPersonInfo.js"></script> 
    <script type="text/javascript">
    (function() {
        ZYCLib.CurrentUser.PerID = 873168;
    });
    $(document.body).ready(function() {

        $("#btnSiteSearch").on("click", function(event) {
            var keyword = $.trim($("#txtKeyword").val()).replace(/<\w+>|<\/\w+>/g, ""),
                siteSearchUrl = ["http://www.zyctd.com/Search/Index?keyword=", keyword].join("");
            $(this).attr("href", siteSearchUrl);
            event.stopPropagation();
        });
    });
</script> 
  <script type="text/javascript">
        $(document).ready(function() {
            var jsonData = {
                pca_id: 0,
                domain: "http://www.zyctd.com/",
                action: "/UserCenter/UpdatePersonInfo"
            };

            ZYCLib.Page.EditPersonInfo.Init(jsonData);
            ZYCLib.UI.Form.InitInputDateText();

            var popout = function(width, height) {
                var strs = '<div id="upload_layout" class="upload_layout" style="width:' + width + 'px;height:' + (height + 36) + 'px;margin-top:-' + (height + 46) / 2 + 'px;">'
                    + '<div class="upload_layin"><div class="popBoxHead"><span class="popBoxTitle yahei">上传图片</span></div>'
                    + '<div class="popBoxBody"><iframe frameborder="0" class="frameBox" id="imageRepositoryControl"  width="100%" height="' + height + '"></iframe> height="' + height + '"></iframe>'
                    + '</div><a title="Close" class="upload_closeBtn" href="javascript:;"></a></div></div>';
                $(document.body).append('<div id="Mask"></div>').append(strs);
                $('#upload_layout').css('marginLeft', -$('#upload_layout').width() / 2);
                $('#Mask').animate({ opacity: '0.5' }, 600);
                $('#upload_layout').animate({ opacity: '1' }, 600);
                $('.upload_closeBtn').click(function() {
                    $('#upload_layout').animate({ opacity: '0' }, 300, function() { $(this).remove() });
                    $('#Mask').animate({ opacity: '0' }, 300, function() { $(this).remove() });
                })
            }

            $("#changeUserPhoto").click(function() {
                popout(800, 600);
                var imageRepositoryControl = new ImageRepositoryControl();
                var canncelButtonClick = function() {
                    $('#upload_layout').remove();
                    $('#Mask').remove();
                };
                var okButtonClick = function(arg) {
                    var imgUrl = arg[0]["imageUrl"].replace(/\?w=\d+\&h=\d+/, '?w=150&h=150');
                    $('#userPhoto_Small,#userPhoto_Big').prop({ src: imgUrl });
                    $("#PhotoImgID_g").val(arg[0]["imageId"]);

                    $('#upload_layout').remove();
                    $('#Mask').remove();
                };
                imageRepositoryControl.show({
                    'onCancel': canncelButtonClick, //取消
                    'onSelectImage': okButtonClick, //确认
                    'mode': 'selectSingleImageMode', //selectSingleImageMode 单选模式，selectMutiImageMode 多选模式,  managerImageMode 管理模式
                    'iframeTag': '#imageRepositoryControl', //iframe 标签
                    'url': 'http://img.zyctd.com/ImageRepository/Index',
                    'personId': 873168, //perID
                    'personGuid': '36C15326-26A1-4275-8A01-566F327074D2', //perGuid
                    'signData': '签名' //中心库返回的签名
                });
            });

        });
    </script>
    
    <script type="text/javascript">
      var d = $('#big')
         //var v=$('#changeUserPhoto');
       // alert(v);
      //给按钮绑定单机事件

    $('#changeUserPhoto').click(function(){
      
      //淡出
      d.fadeIn(1000);


  })
      $('#close').click(function(){
    
    //淡出
    d.fadeOut(1000);

  })
      $('#remb').click(function(){
      //淡出
    d.fadeOut(1000);  
  })
      
    </script>
 </body>
</html>